Ext.onReady(function() {
	// 居顶工具栏
    var topBar = new Ext.Toolbar({
        region : 'north',
        border : false,
        split : true,
        height : 26,
        minSize : 26,
        maxSize : 26,
        items : [{
                    xtype : 'tbbutton',
                    text : "燃气公司收费管理系统",
                    cls : 'x-btn-text-icon',
                    icon : './images/icons/house.png',
                    disabled : true,
//                    disabledClass : ''
                }, "-", {
                    xtype : 'tbbutton',
                    text : "管理员",
                    cls : 'x-btn-text-icon',
                    icon : './images/icons/layers.png',
                    disabled : true,
                    disabledClass : ''
                }, "-", {
                    xtype : 'tbbutton',
                    text : "Admin",
                    cls : 'x-btn-text-icon',
                    icon : './images/icons/user.png',
                    disabled : true,
                    disabledClass : ''
                }, "->", "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "刷新当前页",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/arrow_refresh.png",
                    handler : function(btn, e) {
                        var tab = tabPanel.getActiveTab();
                        tab.removeAll(true);
                        tab.getUpdater().refresh();
                    }
                }, "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "全部关闭",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/stop.png",
                    handler : function(btn, e) {
                    	tabPanel.items.each(function(item) {
                                    if (item.closable) {
                                    	tabPanel.remove(item, true);
                                    }
                                })

                    }
                }, "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "设置为常用页",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/asterisk_yellow.png",
                    handler : function(btn, e) {
                    	Ext.Msg.alert('提示',"设置成功");
                    }
                },  "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "修改密码",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/key.png",
                    handler : function(btn, e) {
                    	Ext.Msg.alert('提示',"请联系管理员");
                    }
                }, "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "帮助",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/lightbulb.png",
                    handler : function(btn, e) {
                    	Ext.Msg.alert('提示',"不会就点退出吧");
                    }
                },"-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "注销",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/lock_go.png",
                    handler : function(btn, e) {
                    	window.location.href ='Admin-logout'
                    }
                }, "-", {
                    xtype : "tbbutton",
                    minWidth : 80,
                    text : "退出",
                    cls : "x-btn-text-icon",
                    icon : "./images/icons/door_out.png",
                    handler : function(btn, e) {
                    	window.location.href ='Admin-logout'
                    }
                }]
    });
	
		// 		Ext.Msg.alert('张晨刚','welcome you!');
		var addPanel = function(btn, event) {
			var n;
			n = tabPanel.getComponent(btn.id);
			if (n) {
				tabPanel.setActiveTab(n);
				return;
			}
			n = tabPanel.add({
				id : btn.id,
				title : btn.id,
				html : '<iframe width=100% height=100% src=' + btn.id + ' />',
				//autoLoad : '',
				closable : 'true'
			});
			tabPanel.setActiveTab(n);
		}

		var item1 = new Ext.Panel({
			title : '用户管理',
			//html : '&lt;empty panel&gt;',
			cls : 'empty',
			items : [ new Ext.Button({
				id : 'User-addInput',
				text : '增加用户',
				width : '100%',
				 cls : "x-btn-text-icon",
                 icon : "./images/icons/user_add.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'User-list',
				text : '用户列表',
				width : '100%',
				 cls : "x-btn-text-icon",
                 icon : "./images/icons/user_suit.png",
				listeners : {
					click : addPanel
				}

			})

			]
		});

		var item2 = new Ext.Panel({
			title : '维护信息管理',
			//html : '&lt;empty panel&gt;',
			cls : 'empty',
			items : [ new Ext.Button({
				id : 'Repair-addInput',
				text : '添加维护维修信息',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/layout_add.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'Repair-jsonList',
				text : '维护维修信息管理',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/layout_content.png",
				listeners : {
					click : addPanel
				}

			})

			]
		});
		var item3 = new Ext.Panel({
			title : '财务管理',
			//html : '&lt;empty panel&gt;',
			cls : 'empty',
			items : [ new Ext.Button({
				id : 'Pay-addInput',
				text : '收费管理',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/money_add.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'Pay-list',
				text : '账单管理',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/money.png",
				listeners : {
					click : addPanel
				}

			}) 

			]
		});
		var item4 = new Ext.Panel({
			title : '信息统计',
			//html : '&lt;empty panel&gt;',
			cls : 'empty',
			items : [ new Ext.Button({
				id : 'Statistics-repair',
				text : '维护信息统计',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/chart_pie.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'Statistics-finance',
				text : '财务信息统计',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/chart_bar.png",
				listeners : {
					click : addPanel
				}

			})

			]
		});
		var item5 = new Ext.Panel({
			title : '系统管理维护',
			//html : '&lt;empty panel&gt;',
			cls : 'empty',
			items : [ new Ext.Button({
				id : 'System-update',
				text : '系统更新',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/anchor.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'System-config',
				text : '系统基本配置',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/bullet_wrench.png",
				listeners : {
					click : addPanel
				}

			}),

			new Ext.Button({
				id : 'System-param',
				text : '参数管理',
				width : '100%',
				cls : "x-btn-text-icon",
                icon : "./images/icons/script_gear.png",
				listeners : {
					click : addPanel
				}

			})

			]
		});
		
		//菜单
		var accordion = new Ext.Panel({
			region : 'west',
			margins : '0 0 0 0',
			split : false,
			width : 160,
			layout : 'accordion',
			items : [ item1, item2, item3, item4, item5 ]
		});
		
		//主显示区
		var tabPanel = new Ext.TabPanel({
			region : 'center',
			enableTabScroll : true,
			autoScroll : true,
			deferredRender : false,
			activeTab : 0,
			items : [ {

				title : 'index',

				autoLoad : {
					url :'main.jsp',
					scope : this,
                    scripts : true,
					text : '页面加载中,请稍候....'
				}
			} ]
		});

	    // 居底工具栏
	    var footBar = new Ext.Toolbar({
	                region : "south",
	                border : false,
	                split : true,
	                height : 30,
	                minSize : 26,
	                maxSize : 26,
	                items : ["->",{
	                	xtype : 'tbbutton',
                        text : "最终解释权也不知道归谁，版权什么的谁也不知道",
                        cls : 'x-btn-text-icon',
                        icon : './images/icons/Copyright.gif',
                        disabled : true
                        } ,"-",{
	                	xtype : 'tbbutton',
                        text : "当前时间为"+new Date().toLocaleString(),
                        cls : 'x-btn-text-icon',
                        icon : './images/icons/time.png',
                        disabled : true
                        } ]
	            });
		
		var viewport = new Ext.Viewport({
			layout : 'border',
			items : [ accordion,topBar,footBar, tabPanel ]
		});

	});